import axios from 'axios'
import { history } from './history'
// import { Toast } from 'antd-mobile'
//导入进度条插件js与css
import NProgress from 'nprogress'
import 'nprogress/nprogress.css' // 导入样式，否则看不到效果

export const serverurl = 'http://localhost:8080'

const request = axios.create({
  baseURL: 'http://localhost:8080',
  timeout: 5000,
})
// 添加请求拦截器
request.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    NProgress.start() // 显示进度条
    // 统一携带token
    const token = localStorage.getItem('token')
    if (token) {
      config.headers.authorization = token
    }
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
request.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    NProgress.done() // 完成进度
    return response
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    if (error.response.status === 400) {
      // 跳回到登录 reactRouter默认状态下 并不支持在组件之外完成路由跳转,需要自己来实现
      // 清除token
      localStorage.removeItem('token')
      // 跳转到登录页
      history.push('/login')
    }
    return Promise.reject(error)
  }
)

export default request
